DiyType3.vue

<template>
    <div>

        <h3 class="my-2 pl-2 border-left-red" :style="{ borderLeft: `3px solid ${data.color}`}">{{data.table_title}}</h3>
        <v-card outlined class="rounded-lg">
            <v-card-text>
                <v-row >
                    <v-col  v-for="(item, index) in data.targetItem" :key="index" style="padding: 12px 12px 0 12px">
                        <v-img contain :src="item.url" ></v-img>
                    </v-col>
                </v-row>
            </v-card-text>
        </v-card>


        <v-btn icon @click="handleClick" style="left: 50px">
            <v-icon>mdi-delete</v-icon>&nbsp;&nbsp;删除组件
        </v-btn>
    </div>
</template>

<script>
export default {
    props: {
        data: {
            type: Object,
        },
        id: {
            type: Number,
        }
    },
    methods: {
        handleClick() {
            this.$emit('del');
        },
    },
};
</script>
